layui.use(['layer', 'form','element','table'], function(){
    var $ = layui.jquery
    var layer = layui.layer
        ,form = layui.form
        ,element = layui.element
        ,table=layui.table;
      element.render('tab');//Tab的切换功能，切换事件监听等，需要依赖element模块

    var aaa = table.render({
         elem: '#demo1'
        ,width: 830
        ,url: 'ForSelect' //数据接口
        ,toolbar:"#barDemo1"   //表格的工具条
        ,page: true //开启分页
        ,cols: [[ //表头
            {field: 'takeoffTime', title: '出发时间', width: 180}
            ,{field: 'flyingTime', title: '飞行时间', width: 80}
            ,{field: 'startPlace', title: '出发地', width: 80}
            ,{field: 'endPlace', title: '目的地', width: 80}
            ,{field: 'ticket', title: '余票', width: 80}
            ,{field: 'flights', title: '航班号', width: 80}
            ,{field: 'price', title: '票价', width: 80}
            ,{field: 'right', title: '操作',  align:'center', toolbar: '#barDemo2', width:180}
        ]]
    });

    table.on('toolbar(demo1)', function(obj){
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
          if (layEvent=== 'add') {
              openAddUser();
          }
    });

    table.on('tool(demo1)', function(obj){
        var  data =obj.data;
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
       if(layEvent=== 'upd'){
           if(data.ticket<60){
         layer.msg("此航班已经被用户订票，无法进行修改此次航班")
           }  else{
               openUpdateUser(data);
           }
        }else if(layEvent=== 'del'){
           if(data.ticket<60){
               layer.msg("此航班已经被用户订票，无法进行删除此次航班")
           }else {
               layer.msg("删除")
                $.post('deleteFlight',{flights: data.flights } ,function (res) {
                    if(res.code==200){ aaa.reload();}
               })
               aaa.reload();
           }

       }
    });


    var url;
    var mainIndex;
    //打开添加页面
    function openAddUser(){
        mainIndex=layer.open({
            type:1,
            title:'增加航班',
            content:$("#saveOrUpdateDiv"),
            area:['500px','510px'],
            success:function(index){
                //清空表单数据
                $("#dataFrm")[0].reset();
            }
        });
    }

    function openUpdateUser(data){
        mainIndex=layer.open({
            type:1,
            title:'修改航班',
            content:$("#saveOrUpdateDiv1"),
            area:['500px','510px'],
            success:function(index){
                form.val("dataFrm1",data);
            }
        });
    }



    table.render({
        elem: '#demo2'
        ,url: 'loadAllCustomerForSelect1' //数据接口
        ,width:1010
        , toolbar: '#barDemo3'
        ,page: true //开启分页
        ,cols: [[ //表头订单号
             {field: 'orderless', title: '订单号', width: 80}
            ,{field: 'flyingTime', title: '飞行时间', width: 180}
            ,{field: 'flights', title: '航班号', width: 80}
            ,{field: 'takeoffTime', title: '出发时间', width: 180}
            ,{field: 'startPlace', title: '出发地', width: 80}
            ,{field: 'endPlace', title: '目的地', width: 80}
            ,{field: 'price', title: '票价', width: 80}
            ,{field: 'loginName', title: '用户名', width: 80}
            ,{field: 'userName', title: '姓名', width: 80}
            ,{field: 'userIdentity', title: '身份证', width: 80}
        ]]
    });









});
